<script type="text/javascript" src="<?php echo base_url() . '/media/js/code/busqueda_controller.js' ?>"></script>
<div id="base_url" style="display:none"><?php echo base_url() ?></div>
<div class="content_inner">
    <!-- [CUERPO: CONSULTA] -->
    <div class="cuerpo2">

        <div class="form_content2">
            <!-- [FORMULARIO] -->		
            <form id="form1" class="form-horizontal" method="post" action='#'>
                <!--MENSAJE DE CONTROL--->
                <div id="mensajeControlFormBusqueda" class="mensajeControlFormBusqueda"></div>
                <div class="control-group">
                    <label class="control-label label_busqueda">Fecha</label>
                    <input type="text" id="form1_fecha" readonly="" class="fecha_ui"/>
                </div>
                <div class="control-group">
                    <label class="control-label label_busqueda">Origen</label>
                    <select id="form1_origen">
                    </select>
                </div>
                <div class="control-group">
                    <label class="control-label label_busqueda">Destino</label>
                    <select id="form1_destino">
                    </select>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <button  type="button" id="form1_btn_consultar" class="btn btn-info">Consultar</button>
                    </div>
                </div>
            </form>
            <!-- [FIN FORMULARIO] -->	

        </div>
    </div>

    <div class="limpiar"></div>
    <br/>

    <!-- [CUERPO: VIAJES] -->
    <div>
        <div align="center">
            <div class="viaje"  style="padding-bottom: 10px;">
                <img src="<?php echo base_url() . 'media/images/banner_itinerarios.png' ?>" border="0" width="760"/>
                <div class="titViajes">
                    <strong>Se lista los itinerarios disponibles para la ruta y la fecha indicada.</strong>
                </div>
                <div class="limpiar"></div>
                <div class="filtros_seleccionados">
                    <div class="titulo_verde">Viaje: </div>
                    <div class="titulo_oscuro" id="viajeText"></div>
                    <div class="limpiar"></div>
                    <div class="titulo_verde">Fecha: </div>
                    <div class="titulo_oscuro" id="fechaText"></div>
                </div>
                <div class="limpiar"></div>
                <table class="table table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>ID</th><th>Hora Salida</th><th>Asientos Libres</th><th>Asiento Estándar</th><th>Asiento 180°</th><th></th>
                        </tr>
                    </thead>
                    <tbody id="lista_servicios">
                    </tbody>
                </table>
                <form id="form2"class="form-horizontal" method="post" action='#'>
                    <!--MENSAJE DE CONTROL--->
                    <div id="mensajeControl1" class="alert alert-error mensaje_control1"></div>
                </form>
            </div>
        </div>

    </div>
</div>